<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证注册页面</title>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            font-size: 12px;
            line-height: 20px;
        }
        .main {
            width: 525px;
            margin-left: auto;
            margin-right: auto;
        }
        .hr_1 {
            font-size: 14px;
            font-weight: bold;
            color: #3275c3;
            height: 35px;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #3275c3;
            vertical-align: bottom;
            padding-left: 12px;
        }

        .left {
            text-align: right;
            width: 80px;
            height: 25px;
            padding-right: 5px;
        }

        .center {
            width: 280px;
        }

        .in {
            width: 130px;
            height: 16px;
            border: solid 1px #79abea;
        }

        .red {
            color: #cc0000;
            font-weight: bold;
        }

        div {
            color: #F00;
        }
    </style>
    <script type="text/javascript">
    </script>
</head>
<body>
<form action="#" method="post" id="myform">
    <table class="main" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td><img src="img/logo.jpg" alt="logo"><img src="img/banner.jpg" alt="banner"></td>
        </tr>
        <tr>
            <td class="hr_1">新用户注册</td>
        </tr>
        <tr>
            <td style="height: 10px;"></td>
        </tr>
        <tr>
            <td>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <!--用户名不能为空，输入长度必须在5-10之间-->
                        <td class="left">用户名：</td>
                        <td class="center">
                            <input type="text" id="user" name="user" class="in">
                        </td>
                    </tr>
                    <tr>
                        <!--密码不能为空，输入长度大于6个字符-->
                        <td class="left">密码：</td>
                        <td class="center">
                            <input type="password" id="pwd" name="pwd" class="in">
                        </td>
                    </tr>
                    <tr>
                        <!--确认密码，不能为空，需要与密码相同-->
                        <td class="left">确认密码：</td>
                        <td class="center">
                            <input type="password" id="repwd" name="repwd" class="in">
                        </td>
                    </tr>
                    <tr>
                        <!--邮箱不能为空，邮箱格式要正确，后续使用正则表达式校验-->
                        <td class="left">邮箱：</td>
                        <td class="center">
                            <input type="text" id="email" name="email" class="in">
                        </td>
                    </tr>
                    <tr>
                        <!--手机号码不能为空，必须是1开头的，后续使用正则表达式校验-->
                        <td class="left">手机号码：</td>
                        <td class="center">
                            <input type="text" id="tel" name="tel" class="in">
                        </td>
                    </tr>
                    <tr>
                        <!--生日不能为空，并且要正确的日期格式-->
                        <td class="left">生日：</td>
                        <td class="center">
                            <input type="text" name="birthday" id="birthday" class="id">
                        </td>
                    </tr>
                    <tr>
                        <td class="left"></td>
                        <td class="center">
                            <input type="image" name="#" src="img/register.jpg">
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>
</form>
</body>
</html>